<template>
  <div class="lunbo">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item></van-swipe-item>
      <van-swipe-item></van-swipe-item>
      <van-swipe-item></van-swipe-item>
      <van-swipe-item></van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import { Swipe, SwipeItem } from "vant";
import "vant/es/swipe/style";

export default {
  data() {
    return {};
  },

  components: {
    VanSwipe: Swipe,
    VanSwipeItem: SwipeItem,
  },

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.lunbo {
  position: absolute;
  top: 663px;
  left: 0;
  width: 100%;
  height: 708px;
  width: 626px;
  margin-left: 63px;

  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 60px;
    line-height: 150px;
    text-align: center;
    background: url(../../../../assets/images/img01.png);
    background-size: 100% 100%;
    width: 626px;
    height: 708px;
  }
}
</style>
